    * {
        margin: 0;
        padding: 0;
    }
    body {
        display: flex;
        flex-direction: column;
        width: 100vw;
        /* position: relative; */
    }
    a {
        text-decoration: none;
    }
    header {
        width: 100vw;
        background-color: #ff8a00;
        /* display: flex;
        flex-direction: row;
        justify-content: center; */
    }
    .head {
        width: 90%;
        /* height: 0.5rem; */
        display: flex;
        margin: 0 auto;
    }
    .header-left {
        flex: 1;
        display: flex;
    }
    .header-left>img {
        width: 80%;
        height: 100%;
    }
    .header-right {
        flex: 1;
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }
    .header-right>img {
        width: 15%;
        height: 70%;
    }
    .header-right>img:nth-of-type(2) {
        margin-left: 0.2rem;
    }



    main {
        width: 100vw;
        flex: 1;
    }




    footer {
        width: 100vw;
        background-color: #2f3130 ;
        color: #727473;
        display: flex;
        flex-direction: column;
        font-size: 0.14rem;
    }
    .foot-1 {   
        flex: 1;
        width: 90%;
        padding: 0.1rem 0;
        border-bottom: 1px solid #727473;
        margin: 0 auto;
    }
    .foot-2 {   
        flex: 1;
        padding: 0.1rem 0;   
        display: flex; 
        height: 0.44rem;
    }
    .foot-2 img {
        height: 80%;
    }
    .foot-2 span {
        margin-left: 0.2rem;
    }
    .foot-2>div:nth-of-type(1)  {
        flex: 1;
        display: flex;
        justify-content: center;
    }
    .foot-2>div:nth-of-type(2)  {
        flex: 1;
        display: flex;
        justify-content: center;
    }
    
    .foot-3 {   
        flex: 1;
        text-align: center;
        line-height: 0.2rem;
        padding-bottom: 0.1rem ;
    }


    


    